{% extends "::base.html.twig" %}

{% block body %}
	{% for prod in produit %}
		<div class="hu_base hu_product">
			<div class="hu_base img_product">Image</div>
			<h3>{{ prod.prodLibelle }}</h3>
			<br><p>{{ prod.getProdDescriptionTronquee() }}<br><a href="{{ path('KGK_produit_afficher', { 'id': prod.prodId, 'produit': prod.prodLienProd }) }}">Détails</a></p>
			<br><h4>Prix unitaire : {{ prod.prodPrix }} €</h4>
			<form action="{{ path('KGK_commande_panier_ajouter', { 'id': prod.prodId }) }}" method=POST>
				Quantité:
				<input name="quantite" type="text" size=3 maxlength=3 value="0" style="width: 25px;" onKeyPress="return numbersonly(this, event)"/>
				<input type="submit" value="Ajouter au panier"/>
			</form>
		</div>
	{% else %}
		<p>Aucun produit n'a été trouvé.</p>		
	{% endfor %}
{% endblock %}


{% block javascript %}
<SCRIPT TYPE="text/javascript">
<!--
// copyright 1999 Idocs, Inc. http://www.idocs.com
// Distribute this script freely but keep this notice in place
function numbersonly(myfield, e, dec)
{
var key;
var keychar;

if (window.event)
   key = window.event.keyCode;
else if (e)
   key = e.which;
else
   return true;
keychar = String.fromCharCode(key);

// control keys
if ((key==null) || (key==0) || (key==8) || 
    (key==9) || (key==13) || (key==27) )
   return true;

// numbers
else if ((("0123456789").indexOf(keychar) > -1))
   return true;

// decimal point jump
else if (dec && (keychar == "."))
   {
   myfield.form.elements[dec].focus();
   return false;
   }
else
   return false;
}

//-->
</SCRIPT>
{% endblock %}
